@font-face {

  font-family: 'iconfont';  /* project id 1298696 */

  src: url('//at.alicdn.com/t/font_1298696_ppi4af0b7p.eot');

  src: url('//at.alicdn.com/t/font_1298696_ppi4af0b7p.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1298696_ppi4af0b7p.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1298696_ppi4af0b7p.woff') format('woff'),

  url('//at.alicdn.com/t/font_1298696_ppi4af0b7p.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1298696_ppi4af0b7p.svg#iconfont') format('svg');

}

.iconfont{

    font-family:"iconfont" !important;

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}



@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。-- */

img {border:none;vertical-align:middle;}

td {vertical-align:center;font-size:14px;}

* {margin:0;padding:0;}

body,html{overflow-x:hidden;}

html{font-size:62.5%;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {border:medium none;margin:0;padding:0;}

body,button,input,select,textarea {outline:none;}

.body {background:#fff;}

.nbody {background:#efefef;}

ul,ol,li {list-style:none;}

img {border:0px;}

table,table tr,table td {border:solid 0px #777777;}

html,body {height:auto;margin:0 auto;}

.hide {display:none;}

.clear {clear:both;}

input,textarea {font-family:"Microsoft YaHei","Arial";}

h1,h2,h3,h4,h5,h6 {font-weight:bold;}

h1 {font-size:3em;line-height:1;margin:0;padding:0;}

h2 {font-size:2em;margin:0;padding:0;}

h3 {font-size:1.5em;line-height:1;margin:0;padding:0;}

h4 {font-size:1.2em;line-height:1.25;margin:0;padding:0;}

h5 {font-size:1em;margin:0;padding:0;}

h6 {font-size:1em;}

body {background:#fff;}

/* 页面基本元素-------------------------------------------------------------- *//* 链接样式 */

a {text-decoration:none;}

a:link,a:visited {text-decoration:none;color:#323232;}

a:hover {text-decoration:none;}

a.red:link,a.red:visited   {color:#9e1833;font-size:12px;text-decoration:none;}

a.red:hover,a.red:active   {color:#9e1833;font-size:12px;text-decoration:none;}

/* 常用元素 */



/* 层浮动 */

.left {float:left;}

.right {float:right;}

.center {margin:0 auto;}

/* 文字对齐 */

.tleft {text-align:left;}

.tright {text-align:right;}

.tcenter {text-align:center;}

img {webkit-transition:-webkit-transform .75s cubic-bezier(.19,1,.22,1);transition:-webkit-transform .75s cubic-bezier(.19,1,.22,1);transition:transform .75s cubic-bezier(.19,1,.22,1);transition:transform .75s cubic-bezier(.19,1,.22,1),-webkit-transform .75s cubic-bezier(.19,1,.22,1);}

.disimg {max-width:100%;height:auto;display:block;}



.clearfix { *zoom: 1;}

.clearfix:after { display: block;font-size: 0; content: ""; clear: both; visibility: hidden;}

.clear,.cl {clear:both;}

.tl {text-align:left;}

.tr {text-align:right;}

.tc {text-align:center;}

.fl,.l{float:left;}

.fr,.r{float:right;}

.mt5  {margin-top:5px;}

.mt10 {margin-top:10px;}

.mt20 {margin-top:20px;}

.mt30 {margin-top:30px;}

.mt40 {margin-top:40px;}

.mt50 {margin-top:50px;}

.mb5  {margin-bottom:5px;}

.mb10 {margin-bottom:10px;}

.mb30 {margin-bottom:30px;}

.mb70 {margin-bottom:70px;}

.topCon{width:1440px; margin:0 auto;}

.topCon2{width:1440px; margin:0 auto;}





/* top-------------------------------------------------------------- */



.header {position: relative; width:100%;height:160px;/*position:fixed;z-index:999;top:0;*/background:url(../images/head.png) no-repeat top center;}

.small {background:rgba(255,255,255,0.8);}

.headernr {width:1440px;height:160px;margin:auto;padding-top:30px; box-sizing: border-box;}

.logo { height: 100%; display: flex;align-items: center; padding-left:2%; }

.logo img {max-width:100%;height:auto;}

/*.gsms {border-left:solid 1px #ac9c9c;padding-left:26px;margin-left:22px;margin-top:39px;}

.gsms .gsmsnr {font-size:18px;color:#707070;letter-spacing:4.5px;font-weight:bold;}

.gsms p {font-size:16px;color:#707070;letter-spacing:2.8px;}

.js {margin-left:1%;}*/



.tel {overflow:hidden; font-size:18px;color:#e9262e;margin:0px 110px 0 0; height:120px; border-left:17px #a0a0a0 solid;padding:30px 0 0 25px; }

.tel dl{width: 100%;}

.tel dt {overflow:hidden;float:left;font-size:28px;color:#120102;font-weight: 400;}

.tel dd {overflow:hidden;float:left;}

.tel p {overflow:hidden;font-size:28px;color:#120102;}



.tel .wraptop_4_2 {display: block; width: 80%; border:1px solid #a4a4a4; border-radius:10px; height:35px;margin-top: 10px; }

.wraptop_4_2_1 {float:left;padding-left:2%;width:85%;}

.wraptop_4_2_1 .searchinput {width:100%;border:0px solid #888888;height:32px;line-height:32px;color:#888888;font-size:12px;

  vertical-align:middle;}

.wraptop_4_2_2 {float:left;}

.wraptop_4_2_2 input {border:0px solid #000000;font-weight:normal;font-size:25px;color:#a8b1b6;background-color:transparent;

  height:32px;line-height:32px;cursor:pointer;vertical-align:middle;}



.nav {-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:60px;line-height:60px;display:block;

  background:#2769c8;}

.navbar_nav li {float:left;position:relative;display:block; width:calc(100% / 10);text-align: center;}

/*.navbar_nav li:after {content:"";width:0;height:2px;background:orangered;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s;}

.navbar_nav li:hover:after {width:100%;}*/

.navbar_nav li a {text-decoration:none;height:100%;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;

  transition:0.5s;color:#fff;font-size:24px;}

.navbar_nav li:hover a {color:#ffffff; background:#9ec333;}

.navbar_nav li.dropdown {display:inherit;position:relative;z-index: 999}

.navbar_nav li.dropdown .jt {width:20px;height:20px;background:url(../images/ad.gif) no-repeat;background-size:100% 100%;display:block;}

.navbar_nav li.dropdown .dropdown_menu {display:none;position:absolute;top:60px;width:100%;background:rgba(255,255,255,.6);

  width:200%;left:0;}

.navbar_nav li.dropdown .dropdown_menu a {font-size:18px;color:#333;padding:10px 10px 10px 50px;line-height:40px;text-align:left;

  background:rgba(255,255,255,.6) url(../images/navdown.png) no-repeat 25px center;}

.navbar_nav li.dropdown:hover .dropdown_menu {display:block;}

.navbar_nav li.dropdown:hover .dropdown_menu a {color:#333;}

.navbar_nav li.dropdown:hover .dropdown_menu a:hover {font-size:19px;}

.navbar_nav li.select{ background:#9ec333; }



/*鐧借壊鑳屾櫙鐨勫ご閮�*/

/*.header.on {background:#fff;border-bottom:1px solid #ccc;}

.header.on .left .img1 {display:none;}

.header.on .left .img2 {display:block;}

.header.on .navbar_nav li a {color:#333;}

.header.on .navbar_nav li:hover a {color:orangered;}*/



#navToggle {display:none;}

.m_nav {position:fixed;top:0px;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:50%;height:100%; right: 0;

  background:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;

  visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%);}

.m_nav.open {transform:translateX(0);}

.m_nav .top {height:60px;padding:20px;box-sizing:border-box;}

.m_nav .top .closed {width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer;}

.m_nav .logo {width:100%;margin:0 auto;}

.m_nav .logo img {height:50px;display:block;margin:30px auto;}

.m_nav .ul {margin-top:30px;}

.m_nav .ul li {padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0;}

.m_nav.open .ul li {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;}

.m_nav .ul li:nth-child(1) {-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;}

.m_nav .ul li:nth-child(2) {-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;}

.m_nav .ul li:nth-child(3) {-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;}

.m_nav .ul li:nth-child(4) {-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;}

.m_nav .ul li:nth-child(5) {-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;}

.m_nav .ul li:nth-child(6) {-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;}

.m_nav .ul li a {display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%;}

.m_nav .ul li .dropdown_menu {display:none;}

.m_nav .ul li.dropdown.active .dropdown_menu {display:block;}

.m_nav .ul li .dropdown_menu a {display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5;}

.m_nav .ul li .dropdown_menu a:last-child {border:none;}





.cont1 {width:1440px;overflow:hidden;margin:auto;}



/**/

.banner{width: 100%; position: relative;background:#0b0b0b;}

.swiper-container {width: 100%; height: 300px;margin-left: auto; margin-right: auto;}

.swiper-slide {background-size: cover;background-position: center;}

.gallery-top { height: 80%; width: 100%;}

.gallery-thumbs {height: 20%; box-sizing: border-box; padding:10px 10px;background:#0b0b0b;}

.gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}

.gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}

.gallery-thumbs .swiper-scrollbar {border-radius:10px;position: relative;-ms-touch-action: none; background: rgba(255,255,255,.8);}

.banner .gallery-top .swiper55{position: relative; width: 100%; height: 0; padding-bottom:56%;}

.banner .gallery-top .swiper55 iframe{position: absolute; width: 100%;height: 100%; left: 0; top: 0;}



/**/

.indexbg{background:#f6f6f6;padding-top: 50px; padding-bottom:60px;}



.indpro{width: 100%;box-sizing:border-box;  border:2px #dcdcdc solid; background:#fff; }

.indpro .tit{width: 100%; height:55px;line-height: 55px; border-bottom:2px #dcdcdc solid;background: -webkit-linear-gradient(#e9e9e9, #fdfdfd);

  background: -o-linear-gradient(#e9e9e9, #fdfdfd);

  background: -moz-linear-gradient(#e9e9e9, #fdfdfd);

  background: linear-gradient(#e9e9e9, #fdfdfd); box-sizing:border-box; padding:0 35px;  }

.indpro .tit span{ float:left;background: url(../images/p01.png) no-repeat 0 center; font-size: 24px;padding-left:50px;}

.indpro .tit p{font-size: 20px; }

.indpro .tit p a em{color:#2769c8;}

.indpro .txt{width: 100%; padding:20px 0;}



/**/

.IndexProTd {width:250px;text-align:center;padding-left:12px;padding-right:12px;}

.IndexProTdImg {width:250px;height:250px;text-align:center;border:1px solid #e2e2e2;padding:3px;}

.IndexProTdFont {width:250px;text-align:center;padding:5px;}

#colee_left {margin:0px auto;width:96%;height:auto;padding-top:15px;overflow:hidden;}



.IndexT4bg{width: 100%; margin-top:40px; }



.IndexT4{height:73px;line-height:73px;border-top: 2px #e2e2e2 solid;border-bottom: 2px #e2e2e2 solid;

  background: -webkit-linear-gradient(#fefefe, #f0f0f0, #e9e9e9 );

  background: -o-linear-gradient(#fefefe, #f0f0f0, #e9e9e9 );

  background: -moz-linear-gradient(#fefefe, #f0f0f0, #e9e9e9 );

  background: linear-gradient(#fefefe, #f0f0f0, #e9e9e9 );}

.IndexT4 i{float:left; color:#3274d4; font-size:40px; padding:0 15px 0 30px; }

.IndexT4 span{float:left;font-size:24px;color:#333333;}

.IndexT4bg dl{float:left;width: 25%;height:520px;border-left:2px solid #D6D6D6;border-bottom: 2px #e2e2e2 solid;}

.IndexT4bg dl:last-child{border-right:2px solid #D6D6D6;}

.IndexT4bg .IndexTypeimg {display: block; width:88%;height:auto;margin:0 auto;padding-top:30px;text-align:center;}

.IndexT4bg .IndexTypeimg img{width: 100%;}

.IndexT4bg ul{display: block; width:88%;height:auto;margin:0 auto;text-align:left;padding-top:15px;line-height:180%;font-size: 16px;}

.IndexAbout{ height: 195px; overflow:hidden;}

.IndexAboutmore {float:right; text-align:right;margin-right: 9%;margin-top: 10px; }

.IndexContact .tew{display: block; font-size: 16px; line-height:200%;}

.IndexContact .tew2{display: block; font-size: 15px; line-height:30px;}



.IndexProType{width:100%;height:240px;margin:0 auto;text-align:left;margin-top:0px;overflow: hidden;overflow-y:scroll;}

.IndexT4bg ul li{float:left;width:100%;height:30px;line-height:30px;

  background:url(../images/jt.png) no-repeat 0px center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.IndexT4bg ul li a{display: block; height:30px;color:#333333;padding-left:15px;}

.IndexT4bg ul li a:hover{color:#9e1833;}

/**/



/*foot*/



.divBottom {width:100%;line-height:20px;margin-top:0px; background:#383838; }

.divBot_02{margin:40px auto;}

.divBot_02 dl{float:left;width:14%;padding-bottom:20px;}

.divBot_02 dl dt a{color: #e9e9e9; font-size:24px;font-size: 2.4rem; line-height:60px; line-height: 6rem; font-weight: 400;}

.divBot_02 dl dd{font-size: 16px; font-size:1.6rem; line-height: 36px;line-height: 3.6rem;}

.divBot_02 dl dd a{color: #c7c7c7;}

.divBot_02 dl dd a:hover{color: #ffffff;}

.divBot_02 dl:last-child{width: 10%;}



.divBot_03{ border-top: 1px #4d4d4d solid; color:#b6b6b6;line-height:80px;line-height:8rem; font-size:18px;font-size: 1.8rem; text-align: center; }



.touch-menu,.tel-menu {display:none;}

.tel-menu {background:rgba(193,70,72,0.8);padding:10px 1%;width:100%;overflow:hidden;}

.tel-menu ul {width:100%;overflow:hidden;}

.tel-menu ul li {position:relative;float:left;width:100%;border-bottom:1px solid #fff;}

.tel-menu ul li a {color:#fff;display:block;font-size:16px;height:36px;line-height:36px;padding:0 10px;}

.tel-menu ul li a:hover,.touch-menu ul li a:active {background-color:#c14648;}





@media(max-width:1440px) {

  .topCon{width:100%;}

  .topCon2{width:96%;}



}

@media(max-width:1360px) { 

  .headernr {width:100%;}

  .tel {overflow:hidden; font-size:18px;color:#e9262e;margin:0px 20px 0 0; height:125px; border-left:17px #9e1833 solid;padding:30px 0 0 25px; }

  .news_con .we i{display: none;}

}

@media(max-width:1280px) {

  .navbar_nav li a {font-size: 20px;}



}

@media(max-width:1200px) {

  .logo {width:60%;}

   .tel {overflow:hidden; font-size:18px;color:#e9262e;margin:0px 0px 0 0; height:110px; border-left:10px #9e1833 solid;padding:20px 0 0 25px; }

  .nav .navnr,.headernr {width:100%;}



  }

@media(max-width:1170px) {

  html{font-size:50%;}

}

@media(max-width:1152px) {



}

@media(max-width:1070px) {

  .nav .menu > li {margin:0;}

}

@media(max-width:1024px) {}

@media(max-width:998px) {

  .touch-menu {display:block;width:32px;float:right;padding-top:47.5px;margin-left:1%;margin-right:1%;}

  .nav,#leftObj {display:none;}

  

  #wrapper {margin-top:127px;}

  .hotkey {line-height:30px;margin-top:13.5px;}

  .gsms {padding-left:1%;margin-left:1%;}

  .tel {padding-left:5%;}

  .mmenu {display:block;}

  #rightObj {width:100%;padding-left:3%;padding-right:3%;}

  .npro dl dt img {max-width:100%;height:auto;}

  .nmap {height:280px;}

  .pageleft,.pageright {width:100%;}

  .mnpro dl dt {text-align:center;}

  .mnpro dl dt img {height:160px;width:auto;}

  .gsms,.tel {display:none;}



  .headernr {width:100%;height:80px;margin:auto;padding-top:0px; box-sizing: border-box;}

  .header {height:80px;}

  .logo img {width:70%;height:auto;}



  #navToggle {height:100%;padding:9px 0px;margin-right:15px;display:inline-block;float:right;}

  .header #navToggle span {position:relative;width:25px;height:1px;margin-top:19px;}

  .header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:1px;left:0;}

  .header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#4f4f4f;}

  .header #navToggle span:before {top:8px;}

  .header #navToggle span:after {bottom:10px;}

  .header #navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);}

  .header #navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}

  .header #navToggle.open span {background:none;}

  .header #navToggle.open span:before,.header #navToggle.open span:after {background:#4f4f4f;}

  .header .nav {display:none;}

}

@media(max-width:860px) {

  .headernr {width:100%;height:60px;margin:auto;padding-top:0px; box-sizing: border-box;}

  .header {height:60px;}

  .logo img{width:90%;}

  .IndexT4bg dl{width:50%;height:520px;overflow: hidden; margin-top: 10px;}

  .IndexT4bg dl:nth-child(2n){border-right:2px solid #D6D6D6;}

  .IndexT4 span{float:left;font-size:20px;color:#333333;}

  .IndexT4 i{float:left; color:#2769c8; font-size:30px; padding:0 10px 0 15px; }



  .divBot_02 dl{float:left;width:33%;text-align: center;}

  .divBot_02 dl dd{display: none;}

  .divBot_02 dl:last-child{display: none;}

  .divBot_03{width: 90%;}

}

@media(max-width:800px) {



}

@media(max-width:768px) {



  .IndexT4bg dl{width:100%;height:430px;overflow: hidden; margin-top: 10px;border-right:2px solid #D6D6D6;}

  .IndexT4bg ul{height:160px; overflow-y:scroll;}

  html{font-size:45%;}



}

@media(max-width:767px) {

  .logo {width:80%;}

  .logo img{width:100%;}

  .IndexProTd {width:150px;text-align:center;padding-left:12px;padding-right:12px;}

  .IndexProTdImg {width:150px;height:150px;text-align:center;border:1px solid #e2e2e2;padding:3px;}

  .IndexProTdFont {width:150px;text-align:center;padding:5px;}

  .banner .gallery-top .swiper55{padding-bottom:86%;}

  .divBot_02{ margin:2rem auto; }

  .divBot_02 dl{padding-bottom:0px;}

}

@media(max-width:640px) {

  



}

@media(max-width:540px) {

    .swiper-slide img{width:90%;}

    .indexbg{background:#f6f6f6;padding-top:30px;}

}

@media(max-width:460px) {

}

@media(max-width:425px) {

}

.nprobody .img-del {display:none !important;}